/* 重置样式 */
html,body,table,th,td,tr,h1,h2,h3,h4,h5,h6,em,strong,b,font,i,address,span,form,legend,input,textarea,button,a,ul,ol,li,p,div,img,optgroup,dl,dt,dd
{margin:0;padding:0;font-size:14px;font-family: "Microsoft YaHei UI","Microsoft YaHei",sans-serif;}

a{ outline: none; text-decoration:none; cursor:pointer;}
html,body{min-height: 100%;}
li{list-style:none;}
em,font,i,address{font-style:normal;}
form,legend{ border:0;}
img{object-fit: cover;}
/* 清除浮动 */
.cf:before , .cf:after{content:""; display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}

/* element ui 样式重写 */
.el-button--default:hover,
.el-button--default:active {
  	background-color: #e2e7f2 !important;
  	border-color    : #00e28b !important;
}

.el-button--default{
	min-width       : 80px;
}

.el-button--default:focus,
.el-button--default:hover{
  	color: #00e28b !important;
}
.el-button--default:focus{
	border-color    : #00e28b !important;
}

.el-button--primary {
    /* min-width       : 80px; */
    background-color: #00e28b !important;
	border-color    : #00e28b !important;
}

.el-button--primary:hover,
.el-button--primary:active {
  	background-color: #05d183 !important;
  	border-color    : #05d183 !important;
}

/* 面包屑导航 */
.breadcrumb{
    background-color: #fff;
    display: flex;
    box-shadow: 1px 1px 5px #ccc;
    border-radius: 2px;
    padding-left: 20px;
    margin: 20px 20px;
}
.el-breadcrumb{
	height: 40px !important;
	line-height: 40px !important;
}
.el-breadcrumb__inner a, .el-breadcrumb__inner.is-link {
	font-weight: 400 !important;
	color: #606266 !important;
}
.el-breadcrumb__inner {
    color: #606266 !important;
}
.el-breadcrumb__separator{
	color: #606266 !important;
}
/* 主体 */
.quan-body{
	background-color: #fff;
	box-shadow: 1px 1px 5px #ccc;
	border-radius: 2px;
	margin: 0px 20px;
	height: calc(100vh - 71px - 80px - 48px);
}
/* 搜索框 */
.quan-sarech {
	background-color: #fff;
	padding: 20px;
	height: 40px;
	border-bottom: 1px solid #ededed;
}
.quan-sarech .el-col-5{
	padding-right: 20px;
	width: 20%;
}
.quan-sarech .item{
	display: flex;
}
.quan-sarech .item label{
	color: #606266;
	display: inline-block;
	line-height: 40px;
	padding-right: 10px;
	text-align: left;
	white-space: nowrap;
}
.quan-sarech .el-col:last-child{
	padding: 0;
	text-align: right;
}
/* 新增和展示table+总条数 */
.quan-table{
	padding: 20px 20px;
}
/* 表格 */
.quan-main-table{
	margin-top: 20px;
}
.el-table::before{
	display: none;
}
.el-table{
	border: 1px solid #dfdfdf !important;
	padding: 0 !important;
}
.el-table th,.el-table td{
	border: 0px !important;
	margin: 0px !important;
	height: 40px !important;
	padding: 0px !important;
	border-right: 1px solid #dfdfdf !important;
	border-top: 1px solid #dfdfdf !important;
}
.el-table th{
	background-color: #e5e5e5 !important;
	border-top: 0 !important;
}
.el-table .el-table__header {
	/* 处理头部那多出来的一像素 （搞了两个小时）*/
	background-color: #e5e5e5 !important;
	/* 这里不加important，这个bug会因为表格的列数的不同而不同，每个页面视情况修改覆盖 */
    padding-left: 2px;
}
.el-table th.is-leaf {
    font-weight: 400;
}
.el-table tr th:last-child,.el-table tr td:last-child{
	/* 最后元素的右边框 */
	border-right: 0 !important;
}
.el-table--striped .el-table__body tr.el-table__row--striped td {
    background: #f3f3f3 !important;
}
.el-table--enable-row-hover .el-table__body tr:hover>td {
    background-color: #f7f7f7 !important;
}
.el-table span{
	display: inline-block;
}
/* 表格滚动条 */
.el-table__body-wrapper{
	max-height: calc(100vh - 71px - 80px - 81px - 243px);
	overflow-y: auto !important;
}
.el-table__body-wrapper::-webkit-scrollbar { 
	height: 8px; 
	width: 4px; 
	cursor: pointer; 
	border-radius: 4px; 
}
.el-table__body-wrapper::-webkit-scrollbar-thumb { 
	border-radius: 4px; 
	background-color: #DFDFDF; 
	cursor: pointer;
}
.el-table__body-wrapper::-webkit-scrollbar-track { 
	border-radius: 4px; 
	background: none; 
	cursor: pointer;
}
/* 分页 */
.el-pagination{
	margin: 20px;
	text-align: center;
}
.el-pagination__sizes .el-input .el-input__inner:hover{ 
	border-color:#00e28b !important; 
}
.el-pagination .btn-next ,
.el-pagination .btn-prev{ 
	border:solid #C0C4CC 1px !important; 
	padding:0 8px !important;
	border-radius: 4px !important; 
	margin:0 4px !important; 
}
.el-pagination button:hover {
	color: #00e28b !important;
}
.el-pager li{
	border-radius: 4px !important; 
	border:solid #C0C4CC 1px !important; 
	margin: 0 4px !important;
	font-weight: 400 !important;
	line-height: 25px !important;
}
.el-pager li:hover{
	color: #00e28b !important;
}
.el-pager li.active {
	background-color: #00e28b !important;
	border-color: #00e28b !important;
	color: #fff !important;
}
/* 下拉框样式 */
.el-select-dropdown__item.selected {
    color: #00e28b !important;
}
.el-select-dropdown__item:hover{
	color: #00e28b !important;
}

/* 输入框样式 */
.el-input.is-active .el-input__inner, .el-input__inner:focus {
    border-color: #00e28b !important;
}

/* 首屏加载动画 */
.el-loading {
    position: absolute;
    z-index: 2000;
    background-color: rgba(255,255,255,.7);
    margin: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
}
.el-loading-spinner {
    top: 50%;
    margin-top: -21px;
    width: 100%;
    text-align: center;
    position: absolute;
}

/* 下拉框字体颜色 */
.el-dropdown-menu__item:focus, .el-dropdown-menu__item:not(.is-disabled):hover {
    color: #00e28b !important;
}

/* 删除弹出框里面的按钮样式 */
.el-message-box__wrapper .el-message-box__btns .el-button--primary span{
    color: #fff !important;
}

/* 图片放大组件样式 */
.el-image-viewer__wrapper{
	z-index: 99999 !important;
}
.el-image-viewer__wrapper .el-icon-circle-close{
	color: #fff;
	font-size: 30px;
}

/* input textarea边框颜色 */
.el-textarea__inner:focus {
    border-color: #00e28b !important;
}